<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>

        let obj = {
            name:"laowang",
            age:18,
            sex:"男"
        }

        // 只解构你需要的值
        // 解构没有顺序要求
        // abc为undefined
        // abc右侧加=值，相当于给变量赋初始值
        // 把第二个abc的名字改成 def
        // let {age,name,abc=123,abc:def} = obj;

        // console.log(abc);

        // console.log(name);
        // console.log(age);
        // // console.log(abc);

        // // 不会修改源对象
        // abc = 'abc';
        // console.log(obj);

        // console.log(abc);


        // 函数传参的解构赋值使用
        // function fn(obj){
        //     console.log(obj.a);
        //     console.log(obj.b);
        // }

        // fn({
        //     a:12,
        //     b:5
        // });

        // function fn({a,b}){
        //     console.log(a);
        //     console.log(b);
        // }

        // fn({
        //     a:7,
        //     b:666
        // });

        function fn({a,b=12}){
            console.log(a);
            console.log(b);
        }

        fn({
            a:7,
            b:888
        });







    </script>
</body>
</html>